<template>
    <div>
      <p>LessCss的使用</p>
      <p>1. node.js中使用npm install -g less  命令中：lessc styles.less styles.css </p>
      <p>2. 浏览器环境中使用 </p>
<pre class="code">
&lt;link rel="stylesheet/less" type="text/css" href="styles.less" /&gt;
&lt;script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js" &gt;&lt;/script&gt;</pre>
      <p>特性：变量、混合、嵌套、运算、转义、函数、命名空间和访问符、映射、作用域、注释、导入</p>
      <a href="https://less.bootcss.com/">参考：https://less.bootcss.com/</a>
    </div>
</template>

<script>
    export default {
        name: "mt_css"
    }
</script>

<style scoped>

</style>
